﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.MenuName = "首页";
}
<!-- banner -->
<div class="banner-w3layouts">
    <div class="flexslider">
        <ul class="slides">
            <li>
                <div class="banner-img1">
                </div>
            </li>
            <li>
                <div class="banner-img2">
                </div>
            </li>
        </ul>
    </div>
    <!-- FlexSlider -->
    <script defer src="/Content/js/jquery.flexslider.js"></script>
    <script src="~/Content/js/cookie/jquery.cookie.js"></script>
    <script type="text/javascript">
        $(window).load(function () {
            $('.flexslider').flexslider({
                animation: "slide",
                start: function (slider) {
                    $('body').removeClass('loading');
                }
            });
        });

        $(function () {
            var src = appCommon.request('src');
            if (src == "bus") {
                $.ajax({
                    url: "/Qn/QnPaper/HasSubmit",
                    data: {
                        openId: appCommon.getOpenId(),
                        paperId: "2c286734-6cf6-4598-ab2d-783f52d64077"
                    },
                    type: "POST",
                    dataType: "JSON",
                    success: function (rst) {
                        if (rst.state == "success" && !rst.data) {
                            layer.open({
                                content: "尊敬的用户您好，请您对公交微信号的功能提出您宝贵的建议吧！",
                                btn: ['确定'],
                                yes: function () {
                                    location.href = "/Qn/QnPaper/Paper?id=2c286734-6cf6-4598-ab2d-783f52d64077";
                                }
                            });
                        }
                    }
                });
            }
        });

    </script>
    <!-- //FlexSlider -->
    <!-- banner-info -->
    <div class="banner-agileinfo">
        <div class="container">
            @Html.Partial("PartialHeader")
            <!-- //header -->
            <div class="banner-w3text">
                <h4>我们的愿景从未改变</h4>
                <h2>用 科 技 创 造 美 好 未 来</h2>
                <h5>为企业、政府提供互联网+解决方案</h5>
                <a href="javascript:;" class="w3btn"><span>Read More</span></a>
                @*<a href="single.html" class="w3btn"><span>Read More</span></a>*@
            </div>
        </div>
        <!-- //banner-info -->
    </div>
</div>
<!-- //banner -->
<!-- welcome -->
<div class="welcome">
    <div class="container">
        <div class="agileits-title">
            <h3>Welcome To Focus</h3>
            <p>我们专注于为企业、政府信息建设提供持续、优质的服务</p>
        </div>
        <div class="welcome-agileinfo">
            <div class="col-md-4 col-xs-6 welcome-grid agileits-w3layouts">
                <div class="col-xs-2 welcome-grid-left">
                    <span class="glyphicon glyphicon-th-large" aria-hidden="true"></span>
                </div>
                <div class="col-xs-10 welcome-grid-right">
                    <h4>软件产品</h4>
                    <p>为企业政府信息化提供全方位服务</p>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="col-md-4 col-xs-6 welcome-grid agileits-w3layouts">
                <div class="col-xs-2 welcome-grid-left">
                    <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>
                </div>
                <div class="col-xs-10 welcome-grid-right">
                    <h4>网站系统</h4>
                    <p>企业高端定制网站设计彰显品牌形象</p>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="col-md-4 col-xs-6 welcome-grid agileits-w3layouts">
                <div class="col-xs-2 welcome-grid-left">
                    <span class="glyphicon glyphicon-check" aria-hidden="true"></span>
                </div>
                <div class="col-xs-10 welcome-grid-right">
                    <h4>定制开发</h4>
                    <p>深度理解用户需求，为企业定制最适合的软件产品</p>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="col-md-4 col-xs-6 welcome-grid welcome-grid-bottom">
                <div class="col-xs-2 welcome-grid-left">
                    <span class="glyphicon glyphicon-phone" aria-hidden="true"></span>
                </div>
                <div class="col-xs-10 welcome-grid-right">
                    <h4>APP 微信</h4>
                    <p>定制Android IOS应用 手机微信功能制作 掌控智能终端时代</p>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<!-- //welcome -->
<!-- about-slid -->
@*<div class="w3about-slid agileits-w3layouts">
        <div class="container">
            <div class="about-slid-info">
                <h4>Lorem ipsum dolor sit amet consectetur</h4>
                <p>Fusce eu semper lacus, eget placerat mauris. Sed lectus tellus, sodales id elit a, feugiat porttitor nulla. Sed porta magna vitae nisl vulputate lacinia. Morbi malesuada sollicitudin tortor, vitae pharetra nunc lacinia eget.</p>
            </div>
        </div>
    </div>*@
<!-- //about-slid -->
<!-- skills -->
@*<div class="skills w3-agileits">
        <div class="container">
            <div class="skills-agileinfo">
                <div class="col-md-6 skills-w3left">
                    <h4>Our Services</h4>
                    <div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
                        <ul id="myTab" class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active"><a href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">Service1</a></li>
                            <li role="presentation"><a href="#carl" role="tab" id="carl-tab" data-toggle="tab" aria-controls="carl">Service2</a></li>
                            <li role="presentation"><a href="#james" role="tab" id="james-tab" data-toggle="tab" aria-controls="james">Service3</a></li>
                        </ul>
                        <div id="myTabContent" class="tab-content">
                            <div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
                                <div class="tabcontent-grids">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt lorem sed velit fermentum lobortis. Fusce eu semper lacus, eget placerat mauris. Sed lectus tellus, sodales id elit a, feugiat porttitor nulla. Sed porta magna vitae nisl vulputate lacinia. Morbi malesuada sollicitudin tortor, vitae pharetra nunc lacinia eget. Nulla ornare purus nunc, ut dapibus leo sodales adipiscing. </p>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="carl" aria-labelledby="carl-tab">
                                <div class="tabcontent-grids">
                                    <ul>
                                        <li><span class="glyphicon glyphicon-menu-right"></span> Sed tincidunt lorem sed </li>
                                        <li><span class="glyphicon glyphicon-menu-right"></span> Excepteur sint occaecat </li>
                                        <li><span class="glyphicon glyphicon-menu-right"></span> Duis aute irure dolor in </li>
                                        <li><span class="glyphicon glyphicon-menu-right"></span> Sed tincidunt lorem sed </li>
                                        <li><span class="glyphicon glyphicon-menu-right"></span> Excepteur sint occaecat </li>
                                        <li><span class="glyphicon glyphicon-menu-right"></span> Duis aute irure dolor in </li>
                                    </ul>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="james" aria-labelledby="james-tab">
                                <div class="tabcontent-grids">
                                    <ul>
                                        <li><span class="glyphicon glyphicon-menu-right"></span> Sed tincidunt lorem sed </li>
                                        <li><span class="glyphicon glyphicon-menu-right"></span> Excepteur sint occaecat </li>
                                        <li><span class="glyphicon glyphicon-menu-right"></span> Duis aute irure dolor in </li>
                                        <li><span class="glyphicon glyphicon-menu-right"></span> Sed tincidunt lorem sed </li>
                                        <li><span class="glyphicon glyphicon-menu-right"></span> Excepteur sint occaecat </li>
                                        <li><span class="glyphicon glyphicon-menu-right"></span> Duis aute irure dolor in </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <h4>Our Specialization</h4>
                    <div class="col-md-6 skills-w3right bar_group">
                        <div class='bar_group__bar thin' label='Lorem ipsum &nbsp;&nbsp; 80%' value='200'></div>
                        <div class='bar_group__bar thin' label='Quis nostrud &nbsp;&nbsp; 100%' value='250'></div>
                        <div class='bar_group__bar thin' label='Sed do eiusmod &nbsp;&nbsp; 72%' value='180'></div>
                        <div class='bar_group__bar thin' label='Ut enim adnim &nbsp;&nbsp; 88%' value='220'></div>
                    </div>
                <!-- bar-js -->
                <script src="/Content/js/bars.js"></script>
                <!-- bar-js -->
                <div class="clearfix"> </div>
            </div>
        </div>
    </div>*@
<!-- //skills -->
<!-- news -->
@*<div class="news-w3layouts">
        <div class="container">
            <div class="agileits-title">
                <h3>News & Events</h3>
                <p>Mauris rutrum turpis eget tincidunt eleifend vestibulum condimentum mollis tellus eu magna laoreet.</p>
            </div>
            <div class="news-agileinfo w3-agileits">
                <div class="col-md-4 news-w3lgrids">
                    <h4><span>13/16</span>December</h4>
                    <p>Cras justo odioda pibus facilisis dignissimos Sed ut perspiciatis unde omnis iste natus error sit voluptatem inventore veritatis</p>
                </div>
                <div class="col-md-4 news-w3lgrids">
                    <h4><span>20/16</span>November</h4>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem inventore veritatis Cras justo odioda pibus facilisis dignissimos </p>
                </div>
                <div class="col-md-4 news-w3lgrids">
                    <h4><span>05/16</span>November</h4>
                    <p>Facilisis dignissimos Sed ut perspiciatis unde omnis iste natus error sit voluptatem inventore veritatis cras justo odioda pibus </p>
                </div>
                <div class="clearfix"> </div>
            </div>
        </div>
    </div>*@
<!-- //news -->
<!-- subscribe -->
@*<div class="subscribe wthree-sub">
        <div class="container">
            <h4>Subscribe to get monthly newsletter</h4>
            <form action="#" method="post">
                <input type="email" name="email" placeholder="Enter your Email..." required="">
                <input type="submit" value="Subscribe">
                <div class="clearfix"> </div>
            </form>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt lorem sed velit lacus ornare <a href="">Privacy policy</a>.</p>
        </div>
    </div>*@
<!-- //subscribe -->
